<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="referrer" content="never">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!--主页-->
		<div class="web">
			<!--背景图-->
			<div class="back"><img src="img/bj.png" /></div>
			<!--logo-->
			<div class="logo"><img src="img/logo.png" /></div>
			<!--人-->
			<div class="per"><img src="img/renwu.png" /></div>
			<!--字-->
			<div class="title">
				<img src="img/title_1.png" />
				<img src="img/title_2.png" />
				<img src="img/title_3.png" />
			</div>
			<!--按钮-->
			<div class="start animated rubberBand"><img src="img/anniu.png" /></div>
			<p class="p">游戏规则</p>
		</div>
		<!--游戏规则-->
		<div class="game1">
			<div class="cai">×</div>
			<h1>游戏规则</h1>
			<p>1.每玩一次游戏可获得一次抽奖机会</p>
			<p>2.游戏排名越靠前，中奖几率越大。</p>
			<h1>奖品设置</h1>
			<ul>
				<li>1.小米运动手环</li>
				<li>2.超轻户外背包</li>
				<li>3.乐扣便携运动水壶</li>
				<li>4.迪卡侬透气速干T恤</li>
				<li>5.迪卡侬速干毛巾</li>
				<li>6.多功能运动腰包</li>
				<li>7.安联运动意外保障计划（7天）</li>
			</ul>
		</div>
		<!--加载页面-->
		<div class="load">
			<div class="bam">
				<div class="shade"></div>
			</div>
			<div class="logo"><img src="img/logo.png" /></div>
			<div class="ko">
				<div class="ko_left">加载中</div>
				<div class="ko_right"></div>
			</div>
		</div>
		<!--开始游戏页面-->
		<div class="game">
			<div class="bam"><img src="img/end_bg.jpg" />
				<div class="shade"></div>
			</div>
			<div class="per"></div>
			<div class="water"><img src="img/shuiwen.png" /></div>
			<div class="left"><img src="img/left_jiantou.png" /></div>
			<div class="right"><img src="img/right_jiantou.png" /></div>
			<p class="p">点击左右键，向前游行</p>
			<p class="time">Time</p>
			<p class="timer">00.00</p>
			<h1 class="h1">Ready</h1>
		</div>
		<!--排行榜-->
		<div class="ranking">
			<div class="one"><img src="img/one.png" /></div>
			<div class="xia"><img src="img/toux.png" /></div>
			<div class="ming">
				<!--<p class="qu">全国排名</p>
					<span class="ci">498</span>-->
			</div>
			<div class="tim">
				<!--<p>Time</p>
					<span class="king">10</span>-->
			</div>
			<h1>指尖自由泳全国前10排行榜</h1>
			<div class="Rank">
				<!--<div class="two">
						<div class="two_left">1</div>
						<div class="two_right">
							<div class="amy"><img src="img/toux-1.png"/></div>
							<div class="two_right_center">
								<p>Time</p>
								<span>Amy</span>
								<span>10.00</span>
							</div>
						</div>
					</div>-->
			</div>
			<div class="two_foor">
				<div class="two_foor_left"><img src="img/ji-1.png" /></div>
				<div class="two_foor_right"><img src="img/ji.jpg" /></div>
			</div>
		</div>
		<!--分享-->
		<div class="share">
			<h1 class="sha">分享一下晒出战绩~</h1>
		</div>
		<!--注册-->
		<div class="register clear_fix">
			<div class="logol"><img src="img/logo.png" /></div>
			<h1>加入安联会员大家庭即刻抽奖！</h1>
			<p>请输入您的手机号</p>
			<input type="text" />
			<div class="ynazma"><img src="img/ma.png" /></div>
			<p>短信验证码</p>
			<input type="text" />
			<div class="dianji"><img src="img/yan_03.png" /></div>
		</div>
		<!--抽奖-->
		<div class="draw">
			<div class="jinp">
				<div class="draw_one"><img src="img/jiangpin.png" /></div>
				<div class="draw_foot"><img src="" /></div>
				<p>?????</p>
			</div>
			<ul>
				<li class="baol ">
					<div class="bei"><img src="img/icon-1.png" /></div>
					<p>奥利帝克户外包</p>
				</li>
				<li class="baol">
					<div class="bei"><img src="img/icon2.png" /></div>
					<p>迪卡侬透气T恤</p>
				</li>
				<li class="baol">
					<div class="beil"><img src="img/icon3.png" /></div>
					<p>乐扣运动水壶</p>
				</li>
				<li class="baol lis">
					<div class="xiex"><img src="img/icon5.png" /></div>
				</li>
				<li>
					<div class="beilz"><img src="img/choujiang_btn.jpg" /></div>
					<div class="zailai"><img src="img/chouing_btn.jpg" /></div>
					<div class="laici"><img src="img/lai.png" /></div>
				</li>
				<li class="baol cayu">
					<div class="mao"><img src="img/icon8.png" /></div>
					<p>迪卡侬运动毛巾</p>
				</li>
				<li class="baol yun">
					<div class="huab"><img src="img/icon7.png" /></div>
					<p>多功能运动腰包</p>
				</li>
				<li class="baol yaob">
					<div class="anl"><img src="img/icon6.png" /></div>
					<p>安联运动意外保障计划（7天）</p>
				</li>
				<li class="baol ll">
					<div class="beill"><img src="img/icon4.png" /></div>
					<p>小米运动手环</p>
				</li>
			</ul>
			<div class="anneng"><img src="img/logo.png" /></div>
		</div>
		<!--扫码关注-->
		<div class="smgz">
			<div class="lk"><img src="img/lang.png" /></div>
			<div class="ewm">
				<h1>亲 你还没有关注我们哦 !</h1>
				<p>请长按识别如下二维码 </p>
				<p>关注我们即可参与游戏 </p>
				<p>挑战中国游泳队 </p>
				<p>赢取你的专属运动装备吧！</p>
				<div class="sm"><img src="img/er.png" /></div>
				<div class="annen"><img src="img/logo.png" /></div>
			</div>
		</div>
		<script src="js/preloadjs.min.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>